<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text"  id="name">
    <button type="button" onclick="savaUser()">发送</button>
    <button type="button" onclick="getUser()">接收</button>
</body>

<script>
    function savaUser() {
        setCookie('name','冬瓜皮','s40')
    }
    function getUser() {
        alert('123')
        document.getElementById('name').value=getCookie('name')
    }
    //读取cookies
    function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if(arr = document.cookie.match(reg)) return unescape(arr[2]);
        else return null;
    }
    //删除cookies
    function delCookie(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if(cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }

    //设置cookie和过期时间
    function setCookie(name, value, time) {
        var strsec = getsec(time);
        var exp = new Date();
        exp.setTime(exp.getTime() + strsec * 1);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }

    //str:时间单位 s秒、h时、d天、m分
    function getsec(str) {
        var str1 = str.substring(1, str.length) * 1;
        var str2 = str.substring(0, 1);
        if(str2 == "s") {
            return str1 * 1000;
        } else if(str2 == "h") {
            return str1 * 60 * 60 * 1000;
        } else if(str2 == "d") {
            return str1 * 24 * 60 * 60 * 1000;
        }else if(str2 == "m") {
            return str1 *  60 * 1000;
        }
    }

    //设置cookie和过期时间
    function setCookie(name, value, time) {
        var strsec = getsec(time);
        var exp = new Date();
        exp.setTime(exp.getTime() + strsec * 1);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }

    //str:时间单位 s秒、h时、d天、m分
    function getsec(str) {
        var str1 = str.substring(1, str.length) * 1;
        var str2 = str.substring(0, 1);
        if(str2 == "s") {
            return str1 * 1000;
        } else if(str2 == "h") {
            return str1 * 60 * 60 * 1000;
        } else if(str2 == "d") {
            return str1 * 24 * 60 * 60 * 1000;
        }else if(str2 == "m") {
            return str1 *  60 * 1000;
        }
    }
</script>
</html>